Transitions two absolute DIVs.

<div class="definition">
    transition(div_old, div_new, type, [callBack])
</div>

<div class="arguments">
    <table>
    <tr>
        <td>div_old</td>
        <td><b>HTML Element</b> or <b>jQuery object</b>, div to transition from</td>
    </tr>
    <tr>
        <td>div_new</td>
        <td><b>HTML Element</b> or <b>jQuery object</b>, div to transition to</td>
    </tr>
    <tr>
        <td>type</td>
        <td><b>string</b>, transition type</td>
    </tr>
    <tr>
        <td>callBack</td>
        <td><b>function</b>, <i>optional</i>, call back when transition is finished</td>
    </tr>
    </table>
</div>

The first argument <span class="method">div_old</span> is the div element to transition from, the second argument
<span class="method">div_old</span> is the div element to transition to. The third argument <span class="method">type</span> can
be one of the following: 
<ul style="margin-left: 40px;">
    <li>slide-left
    <li>slide-right
    <li>slide-top
    <li>slide-bottom
    <li>flip-left
    <li>flip-right
    <li>flip-top
    <li>flip-bottom
    <li>pop-in
    <li>pop-out
</ul>

<textarea class="javascript">
var div1 = $('#div1');
var div2 = $('#div2');
w2utils.transition(div1, div2, 'slide-left');
</textarea>